// 使用animation框架和jquery框架实现一些动画

// 动画1 animate1
// var animate1 = "animated pulse";
// $(".animate1").hover(function() {
// 	$(this).addClass(animate1);
// }, function() {
// 	$(this).removeClass(animate1);
// });

// 动画跳出旋转
// 这个动画必须播放完毕后在去掉，要不然鼠标移走后就直接中断了
let animateFlip = "animate__animated animate__flip";
$(".milkbox-animate-flip").hover(function() {
	$(this).addClass(animateFlip);
	var $obj = $(this);
	setTimeout(function() {
		$obj.removeClass(animateFlip);
	}, 1000);
}, function() {

});

// 动画3 animate3
// var animate3 = "animated shake";
// $(".animate3").hover(function() {
// 	$(this).addClass(animate3);
// }, function() {
// 	$(this).removeClass(animate3);
// });